module.exports = function(content) {
    /*
        1.直接使用style-loader，只能处理样式
            不能处理样式中引入的其他资源
            use: ["style-loader"],
        2.借助css-loader解决样式中引入的其他资源的问题
            use: ["./loader/style-loader", "css-loader"],
            问题是css-loader暴露了一段js代码，style-loader需要执行js代码，得到返回值，再动态创建style标签
        3.style-loader使用pitch loader用法
    */
    // const script = `
    //     const styleEl = document.createElement('style');
    //     styleEl.innerHTML = ${JSON.stringify(content)};
    //     document.head.appendChild(styleEl);
    // `;
    // return script;
}

module.exports.pitch = function(remainingRequest) {
    // [loader]![.css]
    const relativePath = remainingRequest.split('!').map(absolutePathy => {
        //返回相对路径
        return this.utils.contextify(this.context, absolutePathy);
    }).join('!');
    // console.log(relativePath);
    const script = `
        import style from "!!${relativePath}";
        const styleEl = document.createElement('style');
        styleEl.innerHTML = style;
        document.head.appendChild(styleEl);
    `;

    // 中止后面loader执行
    return script;
}